import Snake from "./Snake";

// 定义食物food
class Food {
  // 定义一个属性表示食物所对应的元素
  element: HTMLElement;

  constructor() {
    // 获取页面中的food元素并将其赋值给element
    this.element = document.getElementById('food')!
  }

  // 获取食物坐标的方法
  get X() {
    return this.element.offsetLeft
  }
  get Y() {
    return this.element.offsetTop
  }

  // 刷新食物的位置
  change() {
    // 生成一个随机的位置
    // 食物的位置最小是0 最大是290
    // 蛇移动一次就是一格，一格的大小就是10，所以就要求食物的坐标必须是整10

    let top = Math.round(Math.random() * 29) * 10
    let left = Math.round(Math.random() * 29) * 10

    this.element.style.top = top + 'px'
    this.element.style.left = left + 'px'
  }

  // 测试刷新食物（位置不与蛇身体重合）--放弃
  // change() {
  //   // 生成一个随机的位置
  //   // 食物的位置最小是0 最大是290
  //   // 蛇移动一次就是一格，一格的大小就是10，所以就要求食物的坐标必须是整10

  //   let top = Math.round(Math.random() * 29) * 10
  //   let left = Math.round(Math.random() * 29) * 10

  //   this.element.style.top = top + 'px'
  //   this.element.style.left = left + 'px'
  // }



}
// 测试食物代码
// const food = new Food()
// console.log(food.X, food.Y);
// food.change()
// console.log(food.X, food.Y);

export default Food